@charset "utf-8";
/*框架样式重写*/
.navbar:after{height:0;}
.back{width:12px !important;height:18px !important;}
.navbar a.link{width:44px;}
.button_rest{width:85% !important;margin:0 auto;}
.select_house{height:28px;margin:0 !important;line-height: 28px !important;background:transparent !important;border:1px solid #fff !important;}
.button_rest .active{color:#578ff8 !important;background:#fff !important;}
/*无线滚动*/
.infinite-scroll-preloader {margin-top:-20px;margin-bottom: 10px;text-align: center;}
.infinite-scroll-preloader .preloader {width:30px;height:30px;}
.modal-button.modal-button-bold{color: #fff; background: linear-gradient(to right, #578ff8,#24bffc);}   
.modal-button{color: #4c4c4c;font-size:18px;}
.modal-text{color: #8f8f8f;font-size: 16px;}
.J-shoping{position:fixed;}
.toolbar-inner{padding:0;}
.notifications .notification-item{height:30px !important;border-radius:20px;}
.notifications .close-notification span{position: absolute;width: 24px;height: 28px;left: 50%;top: 50%;margin-left: -12px; margin-top: -14px;}
.notifications .close-notification{top:4px !important;right:5px !important;}
.notification-item{height:30px;border-radius:20px;}
.list-block .item-text{position:absolute !important;height:30px;top:0;line-height: 30px;}
.notifications .item-title-row:before{height:0 !important;margin:0 !important;}
.list-block .item-inner{padding:0 !important;}
/*.ripple{width:100%;height:28px;animation:shuibowen 0.3s;}               
 @keyframes shuibowen {
  0% {
    box-shadow: 0 0 0 0px rgba(245, 245, 235, 0.7);
    background: rgba(	151, 255, 255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(245, 245, 235, 0);
    background: rgba(	151, 255, 255, 0);
  }
}*/
         

/*框架样式重写 end*/

/*#########  智购宝首页 导航栏  ####### */
i.hicon{display:flex;align-items: center;}
.head_icon{width:30px;height:30px;}
/*图片轮播*/
.index_banner{ max-height: 320px; height: auto; min-height: 180px; width: 100%;}
.index_banner_list_point{ width: 84px !important; height: 8px; line-height: 8px; position: absolute; z-index: 2; margin-left:-42px;left: 50% !important; bottom: 50px !important;}
.swiper-slide img{ width: 100%; height: auto;}
.swiper-pagination-bullet{width:8px !important;height:8px !important;}
.main .main_nav{height: 100px;margin: 0 5%;background: #fff;display: flex;align-items: center;}
.main .main_nav>li u{width: 100%;display: block;height: 30px;text-align: center;text-decoration: none;line-height: 30px;font-size: 14px;color: #8c8c8c;}
.main .main_nav>li img{width: 50px;height: 50px;margin: 0 auto;display: block;}
.main .content_title{width: 90%;height: 40px;line-height: 40px;margin: 15px 5% 0 5%;background: #fff;}
.content_title_left{width: 40%;float: left;text-align: left;margin-left: 10%;color: #222;font-size: 14px;}
.content_title_right{width: 40%;float: right; text-align: right;margin-right: 10%;font-size: 12px;}

.content{ width: 90%; height: auto; margin: 0 5%; background: transparent;}
.lists{ width: 100%; height: auto; margin-top: 10px;}
.listone{ width: 90%; padding: 5%; background: #fff; height: auto; margin-bottom: 10px;}
.listone .imgbox{ width: 100%; height: auto; position: relative; z-index: 1;}
.listone .imgbox img{ width: 100%; height: auto;}
.listone .word_one{ width: 90%; height: 40px;margin: 0 5%; line-height: 40px;}
.listone .word_one_left{ color: #868686; font-size: 14px; text-align: left; width: 60%; float: left;}
.listone .word_one_right{ color: #3fa6fa; font-size: 14px; text-align: right; width: 40%; float: left;}
.listone .word_two{ width: 90%; height: 60px; margin: 0 5%; border-top: 1px solid #b4b4b4}
.listone .word_two_top{ color: #4b4b4b; font-size: 16px; line-height: 40px; text-align: center; width: 100%; float: left;}
.listone .word_two_bottom{ color: #b4b4b4; font-size: 14px; line-height: 20px; text-align: center; width: 100%; float: left;}
.shareflag{ width: 30px; height: 30px; position: absolute; right: 5px; top: 5px; z-index: 2;}
.shareflag img{  width: 30px; height: 30px;}
.listone_time{ width: 100%; font-size: 14px; color: #b4b4b4; display: block; height: 30px; line-height: 30px; text-align: center;}
.listone .word_specil_two{ width: 90%; height: 40px; margin: 0 5%; border-top: 1px solid #b4b4b4}
/*首页信息提示*/
.alert_newprogram{ width: 90%; padding: 0 5%; height: 26px; line-height: 26px; color: #fff; font-size: 13px; position: absolute; left: 0; top: 44px; z-index: 501; text-align: left; background: rgba(0,0,0,0.5); }
.alert_newprogram img{ width: auto; height: 14px; margin: 6px 12px 6px 0; float: left;}
.alert_newprogram span{ height: 26px; line-height: 26px;float: left;-webkit-animation:anim 3s linear;}
 @-webkit-keyframes anim{    
        0% {right: 10%;opacity: 0}
        25% {right:20%;opacity: 0}
        50% {right:40%;opacity: 1}
        100%{right:30%;opacity: 1}
}

 /*#####     商城页面开始   #######*/
.page-content .main{width: 100%;height: auto;position: relative;left: 0;top: -40px;z-index: 4;background: transparent;}
.con-background{position: relative;z-index: 1;top:0;margin: 0 auto;overflow: hidden;height: 44px;width: 100%;background:linear-gradient(to right, #578ff8,#24bffc);}
.mall_box{width:80%;height: 107.5px;margin: 0px 5%; padding: 5%;background: #fff; position: relative;z-index: 10;}

.search_input{width: 100%;height: 30px;line-height: 30px;border: 0;outline: none;text-align: center;border-radius: 15px;background-color: #eaeaea;color: #b4b4b4;font-size: 14px;}
/*.mall_select_box:hover .mall_select_list{display:block;}*/
/*.mall_select_value{width:15px;height:30px;background: url(../images/xia.png) no-repeat right center;background-size: 15px 13px;float: right;}*/
/*.mall_select_value #open .icon_sanjiao{width:15px;height:30px;background: url(../images/shang.png) no-repeat right center;background-size: 15px 13px;float: right;}*/
.mall_select_box{width: 21%; height: 30px;margin-top: 10px;line-height: 30px;margin-right: 4%;float: left;text-align: center;color: #b4b4b4;font-size: 12px;}
.mall_select_value{width: 100%;text-align: left; height: 30px;line-height: 30px;background: url(../images/xia.png) no-repeat right center; background-size: 12px 15px;}

.mall_select_list{display:none; box-shadow: 2px 2px 9px #cceffd;background-color: #fff; width: 90%;padding: 5%;height:100px;max-height: 200px; position: absolute;z-index: 11;left: 0;}
.mall_select_list p.title{width: 90%; padding-right: 10%;border-bottom: 1px solid #b4b4b4;height: 30px;line-height: 30px;text-align: left;font-size: 14px; color: #1b1b1b;
}
.mall_select_box ul{width: 100%; height: auto;}
.mall_select_box ul li{width: 33%;height: 30px;line-height: 30px;float: left;
}

/*商品列表*/
.goodslist_box{ width: 90%; height: auto; margin: 20px 5% 0 5%; background: transparent;}
.goods{ width: 49%; height: auto; background: #fff; float: left; margin-right: 2%; margin-bottom: 2%;}
.goods:nth-child(2n){ margin-right: 0%}
.goods .goods_img{ width: 100%; height: 120px; margin-bottom: 10px; text-align: center;}
.goods .goods_img img{ height: 120px; width: auto; margin:0 auto; max-width: 100%;}
.goods .goods_img a{ width: 120px; margin:0 auto;height: 100%; display: block;}
.goodsword{ width: 90%; color: #1b1b1b; margin:0 5%; border-bottom: 1px solid #b4b4b4; font-size: 12px; height: 40px; line-height: 20px;}
.goodsword_foot{ width: 90%; height: 30px; padding:0 5%;}
.goodsword_foot .redword{ color: #ff7362; width: 46%; float: left; font-size: 14px; margin-right: 5px; text-decoration: none}
.goodsword_foot .graysmallword{ width: 80%; color: #8e8e8e; display: block; float: left; font-size: 12px; text-decoration: none;}
.goodsword_foot .graysmallword.first_child{text-decoration:line-through !important; width: 46%; float: left; }
.goodsword_foot .addgoods{ width: 20px; height: 20px; line-height: 20px; float: right; margin-bottom: 5%;padding-left:10px;}
.goodsword_foot .addgoods img{ width: 20px; height: 20px;}
.baseBg{width: 20px;height: 20px; background: url(../images/add.png) no-repeat center center;background-size: 20px 20px;display: block;}
.redword{color:#ff7362;}
.hover{display:block;}
/*尾部*/
.ios .toolbar-inner{padding:0;}
/*.ios a{color:#fff;}*/
.shop_foot_left{width: 50%;height:44px;line-height:44px;float: left;font-size: 16px;text-align: center;background: #fff;}
.shop_foot_right{width: 50%;height:44px;float: left;line-height: 44px;padding:0;font-size: 16px; text-align: center;color: #fff;
 background: linear-gradient(to right,#24bffc, #578ff8);
}
.addcart{width: 80px;height: 80px;text-indent: 61px;text-align: left;line-height: 25px;background: url(../images/cart.png) no-repeat center center;
 background-size: 80px 80px;font-size: 12px;color: #fff;position: fixed;margin: 0;z-index: 500;-webkit-backface-visibility: hidden;
 backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);left: 10px;bottom:28px;}
#floatOrder{width:50px;height:50px;padding:2px;background:#fff;border:solid 5px #3abbf9;overflow:hidden;position:absolute;z-index:89000;}
 /*###########     商城结束   #######*/



/*########## 商品详情页 start ###########*/
.goods_details_title{width: 90%;height: 57px; padding: 0 5%;position:relative;top:-4px;}
.goods_details_title .priceone{width: 33%;height: 37px;line-height: 37px; margin: 10px 0;text-align: left;font-size: 36px;color: #fff;float: left;}
.goods_details_title .pricetwo{width: 20%;height: 30px;margin: 13.5px 5px;float: left;}
.goods_details_title .pricetwo u:first-child{color: #90ceff;text-decoration: line-through;
}
.goods_details_title .pricetwo u{width: 100%;height: 15px;display: block;text-decoration: none;line-height: 15px;text-align: left;font-size: 12px;color: #fff;
}
.goods_details_title .codebtn_box{width: 25%;height: 33px;border-left: 2px solid #fff;margin: 10px 0;border-right: 2px solid #fff;padding: 2px 0;text-align: center;float: left;line-height: 33px;
}
.goods_details_title .codebtn_box img{width: auto;height: 33px;max-width: 100%;vertical-align: middle;
}
.goods_details_title .Dbtn_box{width: 17%;height: 37px;text-align: right;float: left;line-height: 37px;margin: 10px 0;}
.goods_details_title .Dbtn_box img{width: auto;height: 37px;max-width: 100%;vertical-align: middle;}
.goods_details_title .priceone{ width: 33%; height: 37px; line-height: 37px; margin: 10px 0; text-align: left; font-size: 36px; color: #fff; float: left;}
.goods_details_title .pricetwo{ width: 20%; height: 30px; margin:13.5px 5px;  float: left;}
.goods_details_title .pricetwo u{ width: 100%; height: 15px;display: block; text-decoration: none; line-height: 15px; text-align: left; font-size: 12px; color: #fff;}
.goods_details_title .pricetwo u:first-child{ color: #90ceff;text-decoration: line-through;}
.goods_details_title .codebtn_box{ width: 25%; height: 33px; border-left: 2px solid #fff; margin: 10px 0; border-right: 2px solid #fff; padding: 2px 0; text-align: center; float: left; line-height: 33px;}
.goods_details_title .codebtn_box img{ width: auto; height: 33px; max-width: 100%; vertical-align: middle;}
.goods_details_title .Dbtn_box{ width: 17%; height: 37px;text-align: right; float: left; line-height: 37px; margin: 10px 0;}
.goods_details_title .Dbtn_box img{ width: auto; height: 37px; max-width: 100%; vertical-align: middle;}
.goods_details{ width: 90%; height: auto; padding: 5%; }
.goods_details_top{ width: 100%; height: 40px; padding: 5px 0px; border-bottom: 1px solid #b4b4b4;}
.goods_details_top_left{ width: 80%; height: 40px; line-height: 20px; float: left; text-align: left; color: #222; font-size: 16px;}
.goods_details_top_left span{ font-weight: 600;}
.goods_details_top_right{ width: 20%; line-height: 40px; text-align: right; float: left;}
.goods_details_top_right img{ width: auto; max-width: 100%; height: 34px; vertical-align: middle;}
.goods_details_con{ width: 100%; height: auto;padding: 5px 0px; font-size: 14px; color: #868686;line-height: 20px;}
.goodsspecil_box{ margin: 0 !important; padding: 0 !important;}
.backflag{ width: 30px; height: 30px; position: absolute; left: 5px; top: 5px; z-index: 2;}
.backflag img{ width: 30px; height: 30px;}
.goods_banner_list_point{width: 84px !important;height: 8px;line-height: 8px;position: absolute;z-index: 2;margin-left: -42px;left: 50% !important;}
/*########## 商品详情页 end ###########*/

/*#############意向商品 start ##########*/
.intentionalgoodslist{ width: 80%; height: auto; margin: 0 5% 10px 5%; background: #fff; padding:5%; }
.intentionalgoods{ width: 100%; height: 100px; line-height: 100px; border-top:1px solid #e8e8e8;}
.intentionalgoods:first-child{ border-top: 0;}
.igoods_point{ width: 7%; height: 100px; line-height: 100px; float: left;}
.igoods_point img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}
.igoods_img{ width: 15%; height: 100px; line-height: 100px; float: left; margin: 0 4%;}
.igoods_img img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}
.igoods_con{ width: 40%; height: 60px; float: left; padding:20px 0;}
.igoods_con .top{ width: 100%; height: 20px; line-height: 20px; text-align: left; font-size: 14px; color: #222;}
.igoods_con .center{ width: 100%; height: 15px; line-height: 15px; text-align: left; font-size: 12px; color: #9b9b9b;}
.igoods_con .bottom{ width: 100%; height: 25px; line-height: 25px; text-align: left; font-size: 12px; color: #ff5a00;}
.igoods_con .bottom span{ font-size: 14px;}
.igoods_add{ width: 10%; height: 100px; line-height: 100px; float: left;}
.igoods_add img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}
.igoods_num{ width: 10%; text-align: center; height: 100px; line-height: 100px; float: left; color: #4a4a4a; font-size: 20px;}
.igoods_del{ width: 10%; height: 100px; line-height: 100px; float: left;}
.igoods_del img{ width: 100%; height: auto; max-height: 100%; vertical-align: middle;}

.intentionalgoodscount{ width: 80%; height: auto; margin: 0 5% 30px 5%; background: #fff; padding:5%; }
.intentionalgoodscount span{ width: auto; float: left; margin-left: 1.5%; font-size: 12px; color: #222; height: 20px; line-height: 20px;}
.intentionalgoodscount span:first-child{ margin-left: 0;}
.intentionalgoodscount span:last-child{ float: right;}
.intentionalgoodscount span u{ color: #ff5a00; text-decoration: none;}
.intentionalgoodscount span u i{ color: #ff5a00; font-size: 14px; text-decoration: none;}
.style_btn{color: #fff;text-align: center;border-radius: 20px;font-size: 20px;margin: 0 5% 20px 5%;width: 90%;height: 40px;line-height: 40px}
/*#############意向商品 end ##########*/

